page{
  background-color: #edece8;
}
.login{
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: white;
  .loginbtn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }
}

.userInfoWrap{
  position: relative;
  height: 45vh;
  overflow: hidden;
  .bgImg{
    height: 45vh;
    filter: blur(10rpx);
  }
  .userInfo{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    .userImg{
      width: 150rpx;
      height: 150rpx;
      border-radius: 50%;
    }
    .userName{
      margin-top: 40rpx;
      color: white;
      font-size: 32rpx;
    }
  }
}

.wrap{
  position: relative;
  top: -40rpx;
  width: 90%;
  left: 50%;
  transform: translate(-50%);
  .history{
    background-color: white;
    display: flex;
    .hist_item{
      flex: 1;
      text-align: center;
      padding: 10rpx 0;
      font-size: 28rpx;
      .hist_num{
        color: #eb4450;
      }
      .hist_name{
        color: #666666;
      }
    }
  }
  .order_wrap{
    background-color: white;
    margin-top: 20rpx;
    font-size: 28rpx;
    .title{
      padding: 20rpx;
      border-bottom: 1px solid #ccc;
      color: #666666;
    }
    .order{
      display: flex;
      .order_item{
        padding: 15rpx 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        text-align: center;
        .icon{
          color: #eb4450;
          font-size: 32rpx;
        }
        .name{
          color: #666666;
        }
      }
    }
  }
  .address{
    background-color: white;
    padding: 20rpx;
    margin-top: 20rpx;
    font-size: 28rpx;
    color: #666666;
  }
  .app_info{
    background-color: white;
    margin-top: 20rpx;
    font-size: 28rpx;
    color: #666666;
    .service{
      display: flex;
      justify-content: space-between;
      padding: 20rpx;
      border-bottom: 1px solid #ccc;
    }
    .idea{
      padding: 20rpx;
      border-bottom: 1px solid #ccc;
    }
    .about{
      padding: 20rpx;
    }
  }
  .recommend{
    background-color: white;
    margin-top: 20rpx;
    padding: 20rpx;
    color: #666666;
  }
}